<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米商城</title>
    <!-- 引入 favicon图标 -->
    <link rel="shortcut icon" href="images/bitbug_favicon.ico" type="image/x-icon" />
    <!-- 引入 bootstrap css样式文件 -->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <!-- 引入自己编写css文件 -->
    <link rel="stylesheet" href="css/index.min.css">
    <!-- 引入 bootstrap js文件 -->
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <!-- 引入动画函数JS -->
    <script src="js/animate.min.js"></script>
    <!-- 引入自己编写js文件 -->
    <script src="js/index.min.js"></script>
</head>

<body>
    <!-- 顶部大照片模块 -->
    <div class="top-banner"></div>
    <!-- top-nav -->
    <div class="top-nav">
        <div class="w">
            <!-- 左边导航栏 -->
            <ul class="top-nav-left_nav">
                <li><a href="#">小米商城</a></li>
                <li><a href="#">MiUI</a></li>
                <li><a href="#">LOT</a></li>
                <li><a href="#">云服务</a></li>
                <li><a href="#">天星数科</a></li>
                <li><a href="#">有品</a></li>
                <li><a href="#">小爱开放平台</a></li>
                <li><a href="#">企业团购</a></li>
                <li><a href="#">资质证照</a></li>
                <li><a href="#">协议规则</a></li>
                <li><a href="#" class="app">下载APP</a></li>
                <li><a href="#">智能生活</a></li>
                <li><a href="#">Select Location</a></li>
            </ul>
            <div class="erweima">
                <span class="glyphicon glyphicon-triangle-top"></span>
                <img src="images/erweima.png" alt="">
            </div>
            <!-- 右侧信息模块 -->
            <ul class="info">
                <li><a href="#">登录</a></li>
                <li><a href="#">注册</a></li>
                <li><a href="#">消息通知</a></li>
                <li class="shopCar"><a href="#"><span class="glyphicon glyphicon-shopping-cart"></span>我的购物车(0)</a></li>
            </ul>
        </div>
    </div>
    <!-- slide_bar -->
    <div class="slide_bar">
        <div class="APP_saoma"><span class="glyphicon glyphicon-triangle-right"></span><img src="images/APP_saoma.png" alt=""></div>
        <ul>
            <li class="phone_app"><span class="glyphicon glyphicon-phone"></span>手机APP</li>
            <li><span class="glyphicon glyphicon-user"></span>个人中心</li>
            <li><span class="glyphicon glyphicon-wrench"></span>售后服务</li>
            <li><span class="glyphicon glyphicon-question-sign"></span>个人客服</li>
            <li><span class="glyphicon glyphicon-shopping-cart"></span>购物车</li>
            <li class="go_top">
                <span class="glyphicon glyphicon-arrow-up"></span>回顶部</li>
        </ul>
    </div>
    <!-- 产品分类模块 -->
    <div class="product-classify w">
        <div class="logo">
            <ul>
                <li><img src="images/mi.home.png" alt=""></li>
                <li><img src="images/mi-logo.png" alt=""></li>
            </ul>
        </div>
        <div class="classify">
            <ul>
                <li><a href="#">小米手机</a></li>
                <li><a href="#">Redmi 红米</a></li>
                <li><a href="#">电视</a></li>
                <li><a href="#">笔记本</a></li>
                <li><a href="#">家电</a></li>
                <li><a href="#">路由器</a></li>
                <li><a href="#">智能硬件</a></li>
                <li><a href="#">服务</a></li>
                <li><a href="#">社区</a></li>
            </ul>
        </div>
        <div class="search-box">
            <input type="search" class="inp" placeholder="【众筹NEW】— 1元抽米家筋膜枪">
            <div class="glyphicon glyphicon-search fdj"></div>
        </div>
    </div>
    <!-- 焦点图模块 -->
    <div class="banner w">
        <div class="banner-left-nav">
            <ul>
                <li>手机 电话卡<span class="glyphicon glyphicon-menu-right"></span></li>
                <li>电视 盒子<span class="glyphicon glyphicon-menu-right"></span></li>
                <li>笔记本 显示器<span class="glyphicon glyphicon-menu-right"></span></li>
                <li>家电 插线板<span class="glyphicon glyphicon-menu-right"></span></li>
                <li>出行 穿戴<span class="glyphicon glyphicon-menu-right"></span></li>
                <li>智能 路由器<span class="glyphicon glyphicon-menu-right"></span></li>
                <li>电源 配件<span class="glyphicon glyphicon-menu-right"></span></li>
                <li>建康 儿童<span class="glyphicon glyphicon-menu-right"></span></li>
                <li>耳机 音箱<span class="glyphicon glyphicon-menu-right"></span></li>
                <li>生活 箱包<span class="glyphicon glyphicon-menu-right"></span></li>
            </ul>
        </div>
        <div class="focus">
            <div class="arr-l glyphicon glyphicon-menu-left"></div>
            <div class="arr-r glyphicon glyphicon-menu-right"></div>
            <ul>
                <li><img src="upload/focus1.webp" alt=""></li>
                <li><img src="upload/focus2.webp" alt=""></li>
                <li><img src="upload/focus3.webp" alt=""></li>
                <li><img src="upload/focus4.jpg" alt=""></li>
            </ul>

            <ol class="circle">

            </ol>
        </div>
    </div>
    <!-- nav_end 模块 -->
    <div class="nav_end w">
        <div class="nav_end-icon">
            <a href="#"><span><img src="upload/nav-icon1.png" alt=""></span>小米秒杀</a>
            <a href="#"><span><img src="upload/nav-icon2.png" alt=""></span>企业团购</a>
            <a href="#"><span><img src="upload/nav-icon3.png" alt=""></span>F码通道</a>
            <a href="#"><span><img src="upload/nav-icon4.png" alt=""></span>米粉卡</a>
            <a href="#"><span><img src="upload/nav-icon5.png" alt=""></span>以旧换新</a>
            <a href="#"><span><img src="upload/nav-icon6.png" alt=""></span>花费充值</a>
        </div>
        <div class="pic-display">
            <img src="upload/pic1.jpg" alt="">
            <img src="upload/pic2.jpg" alt="">
            <img src="upload/pic3.jpg" alt="">
        </div>
    </div>

    <!-- 主体模块制作 -->
    <div class="main w">
        <!-- 小米秒杀 -->
        <div class="second_kill">
            <div class="second_kill_hd">
                <h3>小米秒杀</h3>
                <div>
                    <span class="glyphicon glyphicon-menu-left"></span>
                    <span class="glyphicon glyphicon-menu-right"></span>
                </div>
            </div>
            <div class="second_kill_bd">
                <div>
                    <a href="javaScript:;">开学倒计时</a>
                    <a href="#"><img src="images/flash.png" alt=""></a>
                    <a href="#">距离结束还有</a>
                    <span class="day">0</span>
                    <span class="hour">1</span>
                    <span class="minute">2</span>
                    <span class="second">3</span>
                </div>
                <div><img src="upload/lunbo_display1.png" alt=""></div>
                <div><img src="upload/lunbo_display2.png" alt=""></div>
                <div><img src="upload/lunbo_display3.png" alt=""></div>
                <div><img src="upload/lunbo_display4.png" alt=""></div>
            </div>
        </div>
        <!-- mi_phone模块 -->
        <div class="mi_phone w">
            <div class="mi_phone_top_banner"><img src="upload/mi.phone_top.webp" alt=""></div>
            <div class="second_kill_hd mi_phone_hd">
                <h3>手机</h3>
                <div>
                    <span>查看全部</span>
                    <span class="glyphicon glyphicon-menu-right"></span>
                </div>
            </div>
            <div class="mi_phone_bd">
                <div class="mi_phone_bd_big"><img src="upload/mi.phone_big.webp" alt=""></div>
                <div class="mi_phone_display">
                    <div class="phone">
                        <div class="phone_content">
                            <img src="upload/mi.phone1.webp" alt="">
                            <h5>Redmi K40 Pro 系列</h5>
                            <p>骁龙888/E4旗舰直屏</p>
                            <span>2799元起</span>
                        </div>
                    </div>
                    <div class="phone">
                        <div class="phone_content"><img src="upload/mi.phone2.webp" alt="">
                            <h5>Redmi K40</h5>
                            <p>新一代E4 AMOLED旗舰直屏</p>
                            <span>1999元起</span></div>
                    </div>
                    <div class="phone">
                        <div class="phone_content"><img src="upload/mi.phone3.webp" alt="">
                            <h5>小米11</h5>
                            <p>骁龙888/2K四曲面屏</p>
                            <span>3999元起</span></div>
                    </div>
                    <div class="phone">
                        <div class="phone_content"><img src="upload/mi.phone4.webp" alt="">
                            <h5>小米10</h5>
                            <p>骁龙865/1亿像素相机</p>
                            <span>3399元起<del>3999元</del></span></div>
                    </div>
                    <div class="phone">
                        <div class="phone_content"><img src="upload/mi.phone5.webp" alt="">
                            <h5>Note 9Pro</h5>
                            <p>一亿像素/120Hz六档变速</p>
                            <span>1599元起</span></div>
                    </div>
                    <div class="phone">
                        <div class="phone_content"><img src="upload/mi.phone6.webp" alt="">
                            <h5>Note 9</h5>
                            <p>天玑800U/5000mAh大电池</p>
                            <span>1299元起</span></div>
                    </div>
                    <div class="phone">
                        <div class="phone_content"><img src="upload/mi.phone7.webp" alt="">
                            <h5>Note9 4G</h5>
                            <p>6000mAh长续航</p>
                            <span>999元起</span></div>
                    </div>
                    <div class="phone">
                        <div class="phone_content"><img src="upload/mi.phone8.webp" alt="">
                            <h5>Redmi 9A</h5>
                            <p>5000mAh长循环大电池</p>
                            <span>499元起</span></div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 家电模块 -->
        <div class="mi_phone mi_appliance w">
            <div class="mi_phone_top_banner"><img src="upload/mi.appliance_top.webp" alt=""></div>
            <div class="second_kill_hd mi_phone_hd">
                <h3>家电</h3>
                <div>
                    <em>热门</em>
                    <em>电视影音</em>
                </div>
            </div>
            <div class="mi_phone_bd">
                <div class="mi_phone_bd_big mi_appliance_big">
                    <div class="phone"><img src="upload/mi.appliance_big1.webp"></div>
                    <div class="phone"><img src="upload/mi.appliance_big2.webp"></div>
                </div>
                <div class="mi_phone_display">
                    <div class="phone">
                        <div class="phone_content">
                            <img src="upload/mi.appliance1.webp" alt="">
                            <h5>Redmi K40 Pro 系列</h5>
                            <p>骁龙888/E4旗舰直屏</p>
                            <span>2799元起</span>
                        </div>
                    </div>
                    <div class="phone">
                        <div class="phone_content">
                            <img src="upload/mi.appliance2.webp" alt="">
                            <h5>Redmi K40</h5>
                            <p>新一代E4 AMOLED旗舰直屏</p>
                            <span>1999元起</span></div>
                    </div>
                    <div class="phone">
                        <div class="phone_content"><img src="upload/mi.appliance3.webp" alt="">
                            <h5>小米11</h5>
                            <p>骁龙888/2K四曲面屏</p>
                            <span>3999元起</span></div>
                    </div>
                    <div class="phone">
                        <div class="phone_content"><img src="upload/mi.appliance4.jpg" alt="">
                            <h5>小米10</h5>
                            <p>骁龙865/1亿像素相机</p>
                            <span>3399元起<del>3999元</del></span></div>
                    </div>
                    <div class="phone">
                        <div class="phone_content"><img src="upload/mi.appliance5.webp" alt="">
                            <h5>Note 9Pro</h5>
                            <p>一亿像素/120Hz六档变速</p>
                            <span>1599元起</span></div>
                    </div>
                    <div class="phone">
                        <div class="phone_content"><img src="upload/mi.appliance6.webp" alt="">
                            <h5>Note 9</h5>
                            <p>天玑800U/5000mAh大电池</p>
                            <span>1299元起</span></div>
                    </div>
                    <div class="phone">
                        <div class="phone_content"><img src="upload/mi.appliance7.webp" alt="">
                            <h5>Note9 4G</h5>
                            <p>6000mAh长续航</p>
                            <span>999元起</span></div>
                    </div>
                    <div class="last">
                        <div class="name">
                            <div>
                                <h5>米家互联网烟气灶台套装</h5>
                                <span>2099元</span>
                            </div>
                            <div>
                                <img src="upload/mi.appliance_last.webp" alt="">
                            </div>
                        </div>
                        <div class="name">
                            <div>
                                <h5>浏览更多</h5>
                                <span>热门</span>
                            </div>
                            <span class="glyphicon glyphicon-arrow-right fs"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 智能模块 -->
        <div class="mi_phone mi_appliance w">
            <div class="mi_phone_top_banner"><img src="upload/mi.smart_top.webp" alt=""></div>
            <div class="second_kill_hd mi_phone_hd">
                <h3>智能</h3>
                <div>
                    <em>热门</em>
                    <em>安全</em>
                    <em>出行</em>
                </div>
            </div>
            <div class="mi_phone_bd">
                <div class="mi_phone_bd_big mi_appliance_big">
                    <div class="phone"><img src="upload/mi.appliance_big1.webp"></div>
                    <div class="phone"><img src="upload/mi.appliance_big2.webp"></div>
                </div>
                <div class="mi_phone_display">
                    <div class="phone">
                        <div class="phone_content">
                            <img src="upload/mi.appliance1.webp" alt="">
                            <h5>Redmi K40 Pro 系列</h5>
                            <p>骁龙888/E4旗舰直屏</p>
                            <span>2799元起</span>
                        </div>
                    </div>
                    <div class="phone">
                        <div class="phone_content">
                            <img src="upload/mi.appliance2.webp" alt="">
                            <h5>Redmi K40</h5>
                            <p>新一代E4 AMOLED旗舰直屏</p>
                            <span>1999元起</span></div>
                    </div>
                    <div class="phone">
                        <div class="phone_content"><img src="upload/mi.appliance3.webp" alt="">
                            <h5>小米11</h5>
                            <p>骁龙888/2K四曲面屏</p>
                            <span>3999元起</span></div>
                    </div>
                    <div class="phone">
                        <div class="phone_content"><img src="upload/mi.appliance4.jpg" alt="">
                            <h5>小米10</h5>
                            <p>骁龙865/1亿像素相机</p>
                            <span>3399元起<del>3999元</del></span></div>
                    </div>
                    <div class="phone">
                        <div class="phone_content"><img src="upload/mi.appliance5.webp" alt="">
                            <h5>Note 9Pro</h5>
                            <p>一亿像素/120Hz六档变速</p>
                            <span>1599元起</span></div>
                    </div>
                    <div class="phone">
                        <div class="phone_content"><img src="upload/mi.appliance6.webp" alt="">
                            <h5>Note 9</h5>
                            <p>天玑800U/5000mAh大电池</p>
                            <span>1299元起</span></div>
                    </div>
                    <div class="phone">
                        <div class="phone_content"><img src="upload/mi.appliance7.webp" alt="">
                            <h5>Note9 4G</h5>
                            <p>6000mAh长续航</p>
                            <span>999元起</span></div>
                    </div>
                    <div class="last">
                        <div class="name">
                            <div>
                                <h5>米家互联网烟气灶台套装</h5>
                                <span>2099元</span>
                            </div>
                            <div>
                                <img src="upload/mi.appliance_last.webp" alt="">
                            </div>
                        </div>
                        <div class="name">
                            <div>
                                <h5>浏览更多</h5>
                                <span>热门</span>
                            </div>
                            <span class="glyphicon glyphicon-arrow-right fs"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 搭配模块 -->
        <div class="mi_phone mi_appliance w">
            <div class="mi_phone_top_banner"><img src="upload/mi.match_top.webp" alt=""></div>
            <div class="second_kill_hd mi_phone_hd">
                <h3>搭配</h3>
                <div>
                    <em>热门</em>
                    <em>耳机音响</em>
                </div>
            </div>
            <div class="mi_phone_bd">
                <div class="mi_phone_bd_big mi_appliance_big">
                    <div class="phone"><img src="upload/mi.appliance_big1.webp"></div>
                    <div class="phone"><img src="upload/mi.appliance_big2.webp"></div>
                </div>
                <div class="mi_phone_display">
                    <div class="phone">
                        <div class="phone_content">
                            <img src="upload/mi.appliance1.webp" alt="">
                            <h5>Redmi K40 Pro 系列</h5>
                            <p>骁龙888/E4旗舰直屏</p>
                            <span>2799元起</span>
                        </div>
                    </div>
                    <div class="phone">
                        <div class="phone_content">
                            <img src="upload/mi.appliance2.webp" alt="">
                            <h5>Redmi K40</h5>
                            <p>新一代E4 AMOLED旗舰直屏</p>
                            <span>1999元起</span></div>
                    </div>
                    <div class="phone">
                        <div class="phone_content"><img src="upload/mi.appliance3.webp" alt="">
                            <h5>小米11</h5>
                            <p>骁龙888/2K四曲面屏</p>
                            <span>3999元起</span></div>
                    </div>
                    <div class="phone">
                        <div class="phone_content"><img src="upload/mi.appliance4.jpg" alt="">
                            <h5>小米10</h5>
                            <p>骁龙865/1亿像素相机</p>
                            <span>3399元起<del>3999元</del></span></div>
                    </div>
                    <div class="phone">
                        <div class="phone_content"><img src="upload/mi.appliance5.webp" alt="">
                            <h5>Note 9Pro</h5>
                            <p>一亿像素/120Hz六档变速</p>
                            <span>1599元起</span></div>
                    </div>
                    <div class="phone">
                        <div class="phone_content"><img src="upload/mi.appliance6.webp" alt="">
                            <h5>Note 9</h5>
                            <p>天玑800U/5000mAh大电池</p>
                            <span>1299元起</span></div>
                    </div>
                    <div class="phone">
                        <div class="phone_content"><img src="upload/mi.appliance7.webp" alt="">
                            <h5>Note9 4G</h5>
                            <p>6000mAh长续航</p>
                            <span>999元起</span></div>
                    </div>
                    <div class="last">
                        <div class="name">
                            <div>
                                <h5>米家互联网烟气灶台套装</h5>
                                <span>2099元</span>
                            </div>
                            <div>
                                <img src="upload/mi.appliance_last.webp" alt="">
                            </div>
                        </div>
                        <div class="name">
                            <div>
                                <h5>浏览更多</h5>
                                <span>热门</span>
                            </div>
                            <span class="glyphicon glyphicon-arrow-right fs"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 视频模块 -->
        <div class="mi_phone mi_appliance w">
            <div class="second_kill_hd mi_phone_hd">
                <h3>视频</h3>
                <div>
                    <span>查看全部</span>
                    <span class="glyphicon glyphicon-menu-right"></span>
                </div>
            </div>
            <div class="video_bd">
                <div class="name">
                    <div class="video"><span class="glyphicon glyphicon-play play"></span>
                        <img src="upload/video1.webp" alt=""></div>
                    <h5>Redmi 10X系列发布会</h5>
                    <p>Redmi 10X系列发布会</p>
                </div>
                <div class="name">
                    <div class="video"><span class="glyphicon glyphicon-play play"></span>
                        <img src="upload/video2.webp" alt="">
                    </div>
                    <h5>Redmi 10X系列发布会</h5>
                    <p>Redmi 10X系列发布会</p>
                </div>
                <div class="name">
                    <div class="video"><span class="glyphicon glyphicon-play play"></span>
                        <img src="upload/video3.webp" alt=""></div>
                    <h5>Redmi 10X系列发布会</h5>
                    <p>Redmi 10X系列发布会</p>
                </div>
                <div class="name">
                    <div class="video"><span class="glyphicon glyphicon-play play"></span>
                        <img src="upload/video4.webp" alt=""></div>
                    <h5>Redmi 10X系列发布会</h5>
                    <p>Redmi 10X系列发布会</p>
                </div>
            </div>
        </div>
    </div>
    <footer>
        <div class="service">
            <div class="w">
                <div class="service_list">
                    <span class="glyphicon glyphicon-wrench"><span>预约维修服务</span></span>
                    <span class="glyphicon glyphicon-pushpin"><span>预约维修服务</span></span>
                    <span class="glyphicon glyphicon-log-out"><span>预约维修服务</span></span>
                    <span class="glyphicon glyphicon-stats"><span>预约维修服务</span></span>
                    <span class="glyphicon glyphicon-map-marker"><span>预约维修服务</span></span>
                </div>
                <div class="service_all">
                    <div class="service_list_all">
                        <dl>
                            <dt>帮助中心</dt>
                            <dd>账户管理</dd>
                            <dd>购物指南</dd>
                            <dd>订单操作</dd>
                        </dl>
                        <dl>
                            <dt>服务支持</dt>
                            <dd>售后政策</dd>
                            <dd>自助服务</dd>
                            <dd>相关下载</dd>
                        </dl>
                        <dl>
                            <dt>线下门店</dt>
                            <dd>小米之家</dd>
                            <dd>服务网点</dd>
                            <dd>授权体验店</dd>
                        </dl>
                        <dl>
                            <dt>关于小米</dt>
                            <dd>了解小米</dd>
                            <dd>加入小米</dd>
                            <dd>投资者关系</dd>
                            <dd>企业社会责任</dd>
                            <dd>廉洁举报</dd>
                        </dl>
                        <dl>
                            <dt>关注我们</dt>
                            <dd>新浪微博</dd>
                            <dd>官方微信</dd>
                            <dd>联系我们</dd>
                            <dd>公益基金会</dd>
                        </dl>
                        <dl>
                            <dt>特色服务</dt>
                            <dd>F码通道</dd>
                            <dd>礼物码</dd>
                            <dd>防伪查询</dd>
                        </dl>
                    </div>
                    <div class="customer_service">
                        <img src="images/service.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="footer_end">
            <div class=" w">
                <div class="end">
                    <div><img src="images/mi-logo.png" alt=""></div>

                    <div>
                        <p><a href="#">小米商城</a> |<a href="#"> MIUI</a> | <a href="#">米家</a> | <a href="#">米聊</a> | <a href="#">多看</a> | <a href="#">游戏</a> | <a href="#">政企服务</a> | <a href="#">小米天猫店</a> | <a href="#">小米集团隐私政策</a> | <a href="#">小米公司儿童信息保护规则</a>                            |
                            <a href="#">小米商城隐私政策</a> | <a href="#">小米商城用户协议</a> | <a href="#">问题反馈</a> | <a href="#">Select Location</a></p>
                        <p> <a href="#">北京互联网法院法律服务工作站</a> | <a href="#">中国消费者协会</a> | <a href="#">北京市消费者协会</a></p>
                        <p>
                            © mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2020]0276-042号<br/> （京）网械平台备字（2018）第00005号 互联网药品信息服务资格证 (京)-非经营性-2014-0090 营业执照 医疗器械质量公告<br/> 增值电信业务许可证 网络食品经营备案 京食药网食备202010048 食品经营许可证<br/> 违法和不良信息举报电话：171-5104-4404
                            知识产权侵权投诉 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试<br/>
                        </p>
                        <img src="images/footer_end.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </footer>
</body>

</html>